import QtQuick
import QtQuick.Controls
import CppClass 1.0

Window {
    width: 640
    height: 480
    visible: true
    title: qsTr("Hello World")

    Column{
        width: parent.width
        height: parent.height


        Label{                         //Label用于显示获取C++的值
            id: label                  //显示控件，唯一标识ID：label
            text: ""                   //初始化内容清空
        }

        Button{                       //Button 用于获取值
            id: getBtn                 //按钮控件，唯一标识ID：getBtn
            text: "获取"                //按钮显示文字
            width: 120                 //按钮宽度
            height: 40                 //按钮高度

            onClicked: {               //点击按钮事件;
                label.text = myQmlImp.getValue()
            }
        }


        TextField{                      //文字输入控件
            id: textField               //唯一ID
            width: getBtn.width         //也可以直接设置成120
            height: getBtn.height       //也可以直接设置成40

        }

        Button{
            id: setBtn
            text: "设置"
            width: textField.width      //可以设置成getBtn.width或者120
            height: textField.height    //可以设置成getBtn.height或者40


            onClicked: {
                var value = textField.text
                myQmlImp.setValue(value)
            }

        }


        Rectangle{
            width: parent.width
            height: 3
            color: "#000000"
        }

        MyQmlClass{
            id: myQmlImp2
        }

        Label{                         //Label用于显示获取C++的值
            id: label2                  //显示控件，唯一标识ID：label
            text: ""                   //初始化内容清空

        }

        Button{                       //Button 用于获取值
            id: getBtn2                //按钮控件，唯一标识ID：getBtn
            text: "获取"                //按钮显示文字
            width: 120                 //按钮宽度
            height: 40                 //按钮高度


            onClicked: {               //点击按钮事件;
                label2.text = myQmlImp2.getValue()
            }
        }


        TextField{                      //文字输入控件
            id: textField2               //唯一ID
            width: getBtn2.width         //也可以直接设置成120
            height: getBtn2.height       //也可以直接设置成40

        }

        Button{
            id: setBtn2
            text: "设置"
            width: textField2.width      //可以设置成getBtn.width或者120
            height: textField2.height    //可以设置成getBtn.height或者40


            onClicked: {
                var value = textField2.text
                myQmlImp2.setValue(value)
            }

        }

    }

}
